<template>
    <i v-if='state' class="fa fa-flag" style="color:#000000!important" :style='{"font-size":size+"px","vertical-align":label}'></i>
</template>
<script>
    export default{
        name:'BlackFlag',
        props:{
            pData:String,
            pLabel:Boolean,
            pSize:String,
        },
        data(){
            return{
            }
        },
        computed:{
          state(){
              return this.pData&&this.pData.toString()=='1'
          },
          size(){
              return this.pSize?this.pSize:'12'
          },
          label(){
              return this.pLabel?'text-top':'inherit'
          }
        },
        components:{
        }
    }
</script>